<template>
    <div>

        <!--网页内容-->
        <div class='container'>
            <div class='proDetail'>
                <img src='../../assets/img/1.jpg'>
                <div class='proText'>
                    <h2>作品标题</h2>
                   
                    <h3>作者</h3>
                   

                    
                    <p class='subTime'>提交时间：<span>2017</span></p>
                </div>
            </div>

            <!-- 图片展示区 -->
            <div class='showImg'>
                <div class='imgBtn leftBtn'><img src='../../assets/img/leftBtn.png'></div>

                <div class='img'>
                    <div class="scroll_list">
                        <ul>
                            <li><img class="EnlargePhoto" src="../../assets/img/1.jpg" alt=""></li>
                            <li><img class="EnlargePhoto" src="../../assets/img/2.jpg" alt=""></li>
                            <li><img class="EnlargePhoto" src="../../assets/img/3.jpg" alt=""></li>
                            <li><img class="EnlargePhoto" src="../../assets/img/1.jpg" alt=""></li>
                            <li><img class="EnlargePhoto" src="../../assets/img/1.jpg" alt=""></li>
                            <li><img class="EnlargePhoto" src="../../assets/img/1.jpg" alt=""></li>
                            <li><img class="EnlargePhoto" src="../../assets/img/1.jpg" alt=""></li>
                            <li><img class="EnlargePhoto" src="../../assets/img/1.jpg" alt=""></li>
                        </ul>
                    </div>
                </div>

                <div class='imgBtn rightBtn'><img src='../../assets/img/rightBtn.png'></div>
            </div>

            <!-- 视频展示区 -->
            <div class='showVideo'>
                <video class='video' width="1000" height="500" controls>
                    <source src="vedio/1.mp4" type="video/mp4"> 您的浏览器不支持 video 标签。
                </video>
            </div>

            <!-- 作品介绍区 -->
            <div class='showText'>
                <span>作品介绍</span>
                <p>为了保证项目团队按时保质地完成项目目标，便于项目团队成员更好地了解项目情况，使项目工作开展的各个过程合理有序，有必要以文件化的形式，把对于在项目生命周期内的工作任务范围、各项工作的任务分解、项目团队组织结构、各团队成员的工作责任、团队内外沟通协作方式、开发进度、经费预算、项目内外环境条件、风险对策等内容以书面的方式描述出来，作为项目团队成员以及项目干系人之间的共识与约定，项目生命周期内的所有项目活动的行动基础，项目团队开展和检查项目工作的依据。
                </p>
            </div>

            <div class='btnBox'>
                <input type="button" class="checkBtn passBtn" value='通过' href="" onclick="return confirm('你确定要通过吗？')?true:false;" />
                <input type="button" class="checkBtn returnBtn" value='退回' href="" onclick="return prompt('请填写退回理由')?true:false;" />
            </div>
        </div>
    </div>








</template>

<script>
    import $ from "jquery";

    export default {
        name: 'app',
        created() {
            require('../../assets/js/detail.js')($);
        },
        methods: {

        }
    }

</script>



<style scoped>
    @import '../../assets/css/detail.css';
    .btnBox{
        clear: both;
        width:400px;
        height:100px;
        margin: 0 auto;
    }
    .checkBtn {
        height: 40px;
        width: 90px;
        float:left;
        margin:0 auto;
        margin-left:40px;
    }
</style>